﻿<%@ Page Language="C#" MasterPageFile="~/GalleryApp.Master" AutoEventWireup="true" Inherits="MainView" Codebehind="MainView.aspx.cs" %>

<asp:Content ID="head1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        table.StyleMiddleTable {
            position:inherit;
            table-layout:fixed;
            width:100%;
            height:100%;
            padding-top: 0%;
            padding-bottom: 0%;
            max-height:95%;
            align-content:center;
        }
        table.StyleOutsideTable {
            position: absolute;
            table-layout:fixed;
            width:70%; 
            height: 80%;
            margin-left:15%; 
            margin-right:15%;
            min-height:80%;
            max-height:80%;
            border: 5px solid #808080;
            border-radius: 5px;
        }
        .StyleFitPrevNext {
             width:100%;
             height:100%;
             border-radius: 5px;
             border-style: ridge;
             Font-Size:XX-Large;
             color: grey;
        }
        td { text-align: center; } 
        td * { display: inline; }
        .thumbnail:hover {
             cursor: pointer;
         }
         #tr_1 td {
            border-top: 3px solid #808080;
            padding-top: 5px;
            height: 10px
        }
    </style>
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="Content" runat="Server">
    <div>
        <table class="StyleOutsideTable">
            <colgroup>
                <col style="width:10%" />
                <col style="width:70%" />
                <col style="width:10%" />
            </colgroup>  
            <tr style="height: 90%">
                <td style="text-align: center">
                    <asp:Button ID="ButtonPrevious" runat="server" Text="<" CssClass="StyleFitPrevNext" OnClick="ButtonPrevious_Click"/>
                </td>
                <td>
                    <Table ID="TableMiddle" runat="server" align="center" class="StyleMiddleTable">
                    </Table>
                </td>
                <td>
                    <asp:Button ID="ButtonNext" runat="server" Text=">" CssClass="StyleFitPrevNext" OnClick="ButtonNext_Click" />
                </td>
            </tr>
            <tr id="tr_1">
                <td></td>
                <td>
                    <asp:FileUpload ID="FileUpload" runat="server" />
                    <asp:Button ID="ButtonUpload" runat="server" OnClick="ButtonUpload_Click" Text="Upload" class="btn"/>
                </td>
                <td></td>
            </tr>
        </table>
    </div>
</asp:Content>